<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>员工考勤信息显示</title>

<link href="css/common.css" rel="stylesheet">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script  src="js/jquery.framewindow.js"></script>
</head>
<script type="text/javascript">
</script>
<body>
<div class="container">
<div class="row">
	<div class="col-md-12">
	<div>
		<ol class="breadcrumb">
			<li><a  href="welcome.jsp">首页</a></li>
			<li>员工信息管理</li>
			<li>查看员工考勤记录</li>
		</ol>
	</div>
	<div>
	<c:choose>
   			 <c:when test="${!empty attendanceDtos}">
                 <h3>考勤信息展示</h3>
    			</c:when>
    		<c:otherwise>
      			  <strong>对不起,你现在还没有考勤信息</strong>
   			 </c:otherwise>
		</c:choose>
	<table  class="table table-striped" id="table" >
	<tr class="active">
	 <td>姓名</td>
	 <td>考勤开始时间</td>
	 <td>考勤结束时间</td>
	 <td>请假天数</td>
	 <td>加班天数</td>
	 <td>旷工天数</td>
	 <td>打卡天数</td>
	 <td>迟到次数</td>
	 <td>早退次数</td>
	</tr>
	<c:forEach var="attendanceDto" items="${attendanceDtos}">
	<tr>
	<td>${attendanceDto.name}</td>
	<td>${attendanceDto.starttime}</td>
	<td>${attendanceDto.endtime}</td>
	<td>${attendanceDto.askoffdays}</td>
	<td>${attendanceDto.overtimedays}</td>
	<td>${attendanceDto.absentdays}</td>
	<td>${attendanceDto.checkdays}</td>
	<td>${attendanceDto.latetimes}</td>
	<td>${attendanceDto.earlytimes}</td>
	</tr>
	</c:forEach>
	</table>
	<ul class="pagination">
			     ${pageList}
  		  </ul>
	</div>
	</div>
	</div>
	</div>
</body>
</html>